diff options
| author | real-zephex <[email protected]> | 2024-04-10 01:19:20 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-10 01:19:20 +0530 |
| commit | e5935c15af0375240fa7c711dc99101fa48048be (patch) | |
| tree | e1807c8552c25b0f2f10d55dce59725606bb4b66 /src/app/anime/[id]/loading.module.css | |
| parent | prolly the last update to dramalama. (diff) | |
| download | dramalama-e5935c15af0375240fa7c711dc99101fa48048be.tar.xz dramalama-e5935c15af0375240fa7c711dc99101fa48048be.zip | |
UI changes
Diffstat (limited to 'src/app/anime/[id]/loading.module.css')
| -rw-r--r-- | src/app/anime/[id]/loading.module.css | 24 |
1 files changed, 17 insertions, 7 deletions
diff --git a/src/app/anime/[id]/loading.module.css b/src/app/anime/[id]/loading.module.css index 63604d5..14dfcf3 100644 --- a/src/app/anime/[id]/loading.module.css +++ b/src/app/anime/[id]/loading.module.css @@ -1,12 +1,22 @@ -.loadingContainer { +.Main { + height: 100vh; + width: 100vw; display: flex; - align-items: center; justify-content: center; - height: 100dvh; + align-items: center; +} + +.LoadingContainer { + width: 50px; + height: 50px; + border-radius: 50%; + border: 8px solid; + border-color: #F4F4F4 #0000; + animation: s1 1s infinite; } -.loadingText { - color: white; - font-family: "Lato"; - font-size: 20px; +@keyframes s1 { + to { + transform: rotate(.5turn) + } }
\ No newline at end of file |